@charset "utf-8";

body{background:#fff url(images/body_bg.png) repeat-x left -210px; }
#home,#about,#teams{ background-position:left -210px;}
#product,#videoPlay,#photo,#photoShow{ background-position:left -540px;}

.header{ height:100px; text-align:left;width:980px; margin:0 auto; padding-top:60px; position:relative;}
.header .menu{ position:absolute; width:430px; height:95px; top:0; right:0; font-weight:bold;}
.header .menu a{ display:block; float:left; width:70px; color:#FFF; text-align:center;padding:65px 0 10px;}
.header .menu a.cur{ color:#000; background:#808080;}

.slide{ background:#E5FFFF; width:100%; height:320px; overflow:hidden;}

#slideshowWrapper{ position:relative; width:960px; margin:0 auto;}

#slideshowWrapper #fssList,
#slideshowWrapper #fssPrev,
#slideshowWrapper #fssNext,
#slideshowWrapper #fssPlayPause{ display:none;}


.banner{ background:#E5FFFF; width:100%; height:320px; overflow:hidden; text-align:center; margin-bottom:30px;}

.aboutBox{ width:900px; margin:0 auto 20px; text-align:left; font-size:14px; line-height:22px; color:#222;}
.aboutBox .hd{ margin:50px 0 35px; font-size:36px; color:#C9CACA;}
.aboutBox p{ text-indent:24px; padding-bottom:12px;}

.links{ text-align:left; width:900px; margin:0 auto 30px;}
.links .hd{ font-size:16px; color:#333; margin-bottom:15px;}

.container{ text-align:left; width:980px; margin:0 auto; padding:30px 0;}
.container .sidebar{ float:left; width:200px; padding-top:20px;}
.container .sidebar h2.hd{ font-size:36px; color:#888888; height:60px; font-weight:normal;}
.container .sidebar ol li{ height:32px; line-height:32px; padding-left:5px;}
.container .sidebar ol li.cur{ background:#00ACF1;}
.container .sidebar ol li a{ color:#545454; font-size:14px; font-weight:700;}
.container .sidebar ol li.cur a{ color:#FFF;}

.container .rightCol{ float:right; width:750px;}
.product .rightCol ul li{ float:left; width:240px; height:160px; text-align:right; margin-bottom:15px; position:relative;}
.product .rightCol ul li img{ width:220px; height:160px;}
.product .rightCol ul li .title{ position:absolute; background:#000; right:0; bottom:0; height:30px; line-height:30px; width:220px; text-align:center; display:none;}
.product .rightCol ul li .title a{ color:#FFF;}
.product .rightCol ul li.hover .title{ display:block;opacity:0.6;}

.vPlay{ position:relative; margin-left:50px; padding-top:20px;}
.vPlay .hd{ border-bottom:2px solid #555; width:500px; margin-left:110px; margin-bottom:6px; padding-bottom:6px; font-size:16px; color:#666;}
.vPlay .hd a{ float:right; color:#555;}
.vPlay .prev,.vPlay .next{display:block; width:96px; height:26px; background:url(images/02.png) no-repeat; position:absolute; top:180px;}
.vPlay .prev{ background-position:left top; left:0;}
.vPlay .next{ background-position:right bottom; right:0; width:75px;}
.vBox{ width:500px; margin:0 auto; padding-left:20px;}
.vPlay .info{width:500px; margin-left:110px; color:#666; padding-top:10px;}

.photo{ padding:0;}
.photo .sidebar{ padding-top:60px;}
.photo .rightCol ul li{float:left; width:185px;}
.photo .rightCol ul li img{ width:185px; height:600px;}

.photoShow .vBox{ text-align:center;}
.photoShow .vPlay .hd{ height:15px;}
.photoShow .info{border-top:2px solid #555; margin-top:6px; font-size:16px; color:#666;}

.teamsBox{ width:900px; margin:0 auto 20px; text-align:left; font-size:14px; line-height:22px; color:#222;}
.teamsBox .hd{ margin:50px 0 25px; font-size:36px; color:#C9CACA;height:42px; padding:0 20px;}
.teamsBox .ren{ border-top:1px solid #ABABAB;padding:20px;}
.teamsBox .ren .photo{ float:left; width:160px; text-align:right;}
.teamsBox .ren .intro{ float:left; width:680px; color:#666; margin-left:15px;}


#float{ width:145px; height:331px; background:url(images/float.png) no-repeat;}
#float a{ display:block; height:38px; margin-bottom:4px;}

#home .clear{ background:#000;}
.clear{ clear:both;}
.footer{ color:#898989; background:#000; padding:100px 0 20px;}